<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        table{
            
            border-bottom: 2px solid #666666 ;
        }
        th,td{
            width: 100px;
            text-align: center;
           
        }
        .box{
            margin-top: 20px;
            margin-left: 50px;
        }
    </style>
</head>

<body>
    <h1>流行歌曲排行</h1>
    <table>
        <tr>
            <th>排名</th>
            <th>歌曲名称</th>
            <th>歌手</th>
        </tr>
        <tr>
            <td>1</td>
            <td><a href="1.1.html">如果可以</a></td>
            <td>韦礼安</td>
        </tr>
        <tr>
            <td>2</td>
            <td><a href="1.2.html">无名的人</a></td>
            <td>毛不易</td>
        </tr><tr>
            <td>3</td>
            <td><a href="1.3.html">圣诞星</a></td>
            <td>周杰伦</td>
        </tr>
    </table>
    <div class="box">
     <a href="1.1.html"><img src="1.jpg" alt="" width="200px" height="200px"></a>
    <h2><a href="1.1.html">如果可以</a> 韦礼安</h2>   
    <p>唱片公司: 索尼音乐</p>

    <a href="1.2.html"><img src="2.jpg" alt="" width="200px" height="200px"></a>
    <h2><a href="1.2.html">无名的人</a> 毛不易</h2>   
    <p>唱片公司: 太和麦田(天津)</p>
    <a href="1.3.html"><img src="3.jpg" alt="" width="200px" height="200px"></a>
    <h2><a href="1.3.html">圣诞星</a> 周杰伦</h2>   
    <p>唱片公司: 靡之音乐</p>
   </div>
</body>

</html>